<script>
    
    $(function(){
        $(document.contato.telefone).mask("(99) 9999-9999");
    });
    
    function valida(){
        var form = document.contato;
        
        //Expressao para teste de email
        var testeEmail = /^\w+[\.\-\w]+@\w+([\.][\w]+)+$/;
        
        if (form.nome.value == ""){
            alert("O campo nome não pode ser vazio!");
            return false;
        }else if (!testeEmail.test(form.email.value)){
            alert("O campo Email não possui um valor válido!");
            form.email.focus();
            return false;
        }else if (form.telefone.value == ""){
            alert("O campo telefone não pode ser vazio!");
            return false;
        }else if (form.assunto.value == ""){
            alert("O campo assunto não pode ser vazio!");
            return false;
        }else if (form.mensagem.value == ""){
            alert("O campo mensagem não pode ser vazio!");
            return false;
        }
        show_loading_screen();
        return true;
    }
    

</script>

<img src="./imagens/carta_128x128.png" width="100" height="100" style="float: right; background-color: #fcfcfc"/>
<span class="titulo_conteudo">Contato</span>
<div class="corpo_conteudo">
    <p style="width: 620px">Queremos saber o que voc&ecirc; pensa sobre n&oacute;s, suas necessidades, reclama&ccedil;&atilde;es e elogios.</p>
    <p style="width: 620px">Fique &agrave; vontade para nos <span style="font-weight: bold; color: #000">escrever</span> ou mande-nos uma <span style="font-weight: bold; color: #000">mensagem</span> atrav&eacute;s do formul&aacute;rio abaixo.</p>
</div><br/>

<div class="corpo_conteudo">
    <form class="formularios" name="contato" method="post" action="action.php?action=email_envia" onsubmit="return valida();">
        <table>
            <tr><td style="vertical-align: top">Nome:*</td><td><input name="nome" type="text" style="width: 300px"/></td></tr>
            <tr><td style="vertical-align: top">E-mail:*</td><td><input name="email" type="text" style="width: 300px"/></td></tr>
            <tr><td style="vertical-align: top">Telefone:*</td><td><input name="telefone" type="text" style="width: 300px"/></td></tr>
            <tr><td style="vertical-align: top">Assunto:*</td><td>
                    <select style="width: 309px; font-weight:bold" name="assunto">
                        <option value="Atendimento comercial">Atendimento comercial</option>
                        <option value="Suporte t&eacute;cnico">Suporte t&eacute;cnico</option>
                        <option value="Altera&ccedil;&atilde;o de cadastro">Altera&ccedil;&atilde;o de cadastro</option>
                        <option value="Recupera&ccedil;&atilde;o de senha">Recupera&ccedil;&atilde;o de senha</option>
                        <option value="Sugest&otilde;es">Sugest&otilde;es</option>
                        <option value="Reclama&ccedil;&otilde;es">Reclama&ccedil;&otilde;es</option>
                        <option value="Outros">Outros</option>
                    </select>
<!--                    <input name="assunto" type="text" style="width: 300px"/>-->
                </td></tr>
            <tr><td style="vertical-align: top">Mensagem:*</td><td><textarea name="mensagem" rows="7" cols="50"></textarea></td></tr>
            <tr><td style="vertical-align: top"></td><td><small>* Campos obrigat&oacute;rios</small><br/><br/></td></tr>
            <tr><td style="vertical-align: top"></td><td><input type="submit" value="Enviar"/></td></tr>
        </table>
    </form>
</div>

<br/>
<span class="titulo_conteudo">Dados para contato</span>
<div class="corpo_conteudo">
    <p><b>Endere&ccedil;o</b></p>
    <p>Av. Targino Athayde, 7, Coronel Borges<br/>
    Cachoeiro de Itapemirim/ES<br/>
    CEP 29.306-220</p>
    
    <p><b>Telefones</b></p>
    <p><b>Tel:</b> (28) XXXX-XXXX<br/>
        <b>Fax:</b> (28) XXXX-XXXX</p>
    
</div>